<template>
<main>
     <div class="Login-Header">
      <div>
        <p class="input-container">
          <input type="text" placeholder="请设置手机号">
        </p>
        <p class="input-container">
          <input type="text" placeholder="请设置密码">
        </p>
      </div>
    </div>
    <div class="Login">
      <nut-button  block   shape="circle">
          注册
      </nut-button>
    </div>
</main>
    
</template>
<script>
export default {
    name:'Log'
}
</script>
<style scoped lang="less">

@w:23.4375rem;
.Login-Header{
  width: @w - .625rem;
  padding-top: .625rem;
  padding-left: .625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  div{
    width: 20.3125rem;
    height: 7.5rem;
  }
  .input-container{
    height: 3.125rem;
    padding-top: .5rem;
    overflow: hidden;
    margin-top: 0.1rem;
    background: #fff;
    border-bottom: 0.01rem solid #efefef;
    
    input{
      width: 100%;
      height:100%;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
     border:0;
      font-size: 1rem;
      outline: none;
    }
  }
  
}
.Login{
    width: 20.3125rem;
    padding: 1.25rem;
  }
</style>